<template>
    <div class="carousel_box">
        <el-carousel indicator-position="none" :height="(900/114.3 )+ 'rem'">
            <el-carousel-item v-for="item in carouselist" :key="item.id">
                <img :src="item.src" alt="">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
import mockdata from '../../mock/mock'
    export default {
        name: 'solidCarousel',
        data () {
            return {
                carouselist: mockdata.solidCarouse
            }
        }
    }
</script>

<style lang="less" scoped>
    .carousel_box{
        .el-carousel {
            z-index: -1;
        }
        img{
            width: 100%;
        }
    }
</style>